﻿*{ margin:0 auto; padding:0; transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all;}
body{ font-family:"microsoft yahei"; color:#333; font-size:14px; background: #FFFFFF; min-width: 1200px; }
a{ text-decoration: none; -webkit-transition: all ease .1s;  -moz-transition: all ease .1s; transition: all ease .1s; border:none; color: #333;}
a:focus { outline: 0 }
a:hover{ color: #cc2431;}
img{ border:none; -webkit-transition: all ease .5s;  -moz-transition: all ease .5s; transition: all ease .5s;}
ul,li{ list-style:none;}
.clear{ clear:both;}
p{ margin:0 auto; padding:0;}
.padding5{ padding:5px;}
.padding10{ padding:10px;}
.padding15{ padding:15px;}
.padding20{ padding:20px;}
.padding30{ padding:30px;}
.padding40{ padding:40px;}
.fr{ float:right;}
.fl{ float:left; }
.paddingright{ padding-right:10px;}
.paddingleft{ padding-left:10px;}
.undis{ display:block;  background-size: cover;}
.dis{ display:none;  }
.pr5{ padding-right:5px;}
.red{ color:#f00;}
.fff{ color:#fff;}
.pdt30{ padding-top: 30px;}
.txtcenter{ text-align: center;}
.nodata{ width:100%; text-align:center; color:Red; font-size:16px;}

#home .home a,
#hxyw .hxyw a,
#products .products a,
#ylzs .ylzs a,
#news .news a,
#dhcx .dhcx a,
#contact .contact a{ color: #CC2431; border-bottom: 2px solid #CC2431;}



#hxyw .hxyw ul li a{ color: #333; font-weight: normal; border-bottom: none;}
#hxyw .hxyw ul li a:hover{background: #CC2431; color: #FFFFFF; }

#products .products ul li a{ color: #333; font-weight: normal; border-bottom: none;}
#products .products ul li a:hover{background: #CC2431; color: #FFFFFF; }

#ylzs .ylzs ul li a{ color: #333; font-weight: normal; border-bottom: none;}
#ylzs .ylzs ul li a:hover{background: #CC2431; color: #FFFFFF; }

#news .news ul li a{ color: #333; font-weight: normal; border-bottom: none;}
#news .news ul li a:hover{background: #CC2431; color: #FFFFFF; }


#contact .contact ul li a{ color: #333; font-weight: normal; border-bottom: none;}
#contact .contact ul li a:hover{background: #CC2431; color: #FFFFFF; }



.gotop {
	width: 24px;
	height: 24px;
	padding: 10px;
	background: #ccc url(../images/float_qqicon1.png) no-repeat center;
	position: fixed;
	right: 0;
	display:none;
	bottom: 0px;
}

input,button,select,textarea{ outline:none; font-family:"microsoft yahei"; }
textarea{resize:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;margin:0;font-weight:normal; font-size: 14px;}

submit{ font-family:"microsoft yahei"; }
#warp{ width:100%; height:auto;  overflow: hidden;}



/**banner**/
.fullSlide{width:100%;height:700px; overflow:hidden;   position: relative; }
.fullSlide .bd{ position:relative; z-index:0;  }
.fullSlide .bd ul{ width:100%; }
.fullSlide .bd li{ width:100%;  height:700px; }
.fullSlide .bd li a{ position:absolute; width:100%; height:700px; display:block; z-index:1;}
.fullSlide .hd{ width:100%;position:absolute; z-index:1; bottom:0; padding: 20px 0; left:0; height:12px; line-height:12px; text-align:center;  }
.fullSlide .hd ul li{cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin-left:10px; background: #FFFFFF;  overflow:hidden; line-height:9999px; border-radius: 50%;}
.fullSlide .hd ul .on,.fullSlide .hd ul li:hover{background: #cc2431; }


.fullSlide .prev,.fullSlide .next {
	position: absolute;
	display: block;
	transition: all 250ms ease-out;
	margin-bottom: -30px;
	background-color: rgba(0,0,0,0.3);
	text-indent: -9999px;
	overflow: hidden;
	height: 60px;
	width: 40px;
	background-repeat: no-repeat;
}
.fullSlide .next {
	transform: translate(40px, 0);
	-ms-transform: translate(40px, 0);
	-webkit-transform: translate(40px, 0);
	-moz-transform: translate(40px, 0);
	-o-transform: translate(40px, 0);
}
.fullSlide .prev {
	transform: translate(-40px, 0);
	-ms-transform: translate(-40px, 0);
	-webkit-transform: translate(-40px, 0);
	-moz-transform: translate(-40px, 0);
	-o-transform: translate(-40px, 0);
}
.fullSlide:hover .next, .fullSlide:hover .prev {
	transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
}
.fullSlide .next {
	bottom: 50%;
	right: 0px;
	background-image: url(../images/banner-fy.png);
	background-position: center bottom;
}
.fullSlide .prev {
	bottom: 50%;
	left: 0px;
	background-image: url(../images/banner-fy.png);
	background-position: center top;
}

.Topbg{ width: 100%; height: 48px; line-height: 48px; background: #eeeeee;}
.Top{ width: 1200px; height: 48px; overflow: hidden; color: #999999;}
.Top .Langue{ width: 98px; height: 25px; margin-top: 10px; border: 1px solid #dbdbdb; background: #FFFFFF;}
.Top .Langue a{ display: block; float: left; width: 49px; height: 25px; line-height: 25px; text-align: center;}
.Top .Langue a.active{ background: #cc2431; color: #FFFFFF;}

.Top .Ttel{background: url(../images/Ttel.jpg) no-repeat left center; padding-left: 28px; width: auto; height: 25px; margin-top: 10px;  line-height: 25px; padding-right: 35px; font-size: 18px; font-weight: bold; font-family: arial; color: #CC2431;}

.Header{ width: 1200px; height: 112px;}
.Header .logo{ float: left; width: 290px; height: 112px; overflow: hidden;}
.Header .logo a{ display: inline-block; width: 290px; height: 112px; background: url(../images/logo.jpg) no-repeat;}
.Header .nav{ float: right; width: auto; height: 52px; padding-top: 30px;}
.Header .nav li{ float: left; line-height: 50px; font-size: 16px; padding-left: 45px; position:relative;}
.Header .nav li a{ display: inline-block;}
.Header .nav li a:hover{ color: #CC2431; border-bottom: 2px solid #CC2431;}
.Header .nav li:hover ul{ display:block;}
.Header .nav li ul{ position:absolute; left:15px; top:50px; z-index:999; background:#fff; width:130px; display:none;}
.Header .nav li ul li{ float:none; width:130px; text-align:center; height:42px; line-height:42px; padding:0; border-bottom:1px solid #eee; font-size:14px; }
.Header .nav li ul li a{ display:block;}
.Header .nav li ul li a:hover{ background: #CC2431; color:#fff; border-bottom:none;}


.insearchbg{ width: 100%; height: 38px; background: #f5f5f5; padding: 25px 0; overflow: hidden; border: 1px solid #DEDEDE;}
.insearch{ width: 1200px; height: 38px; line-height: 38px; overflow: hidden;}
.insearchL{ float: left; width: auto; height: 38px; overflow: hidden;}
.insearchL b{ color: #333333; font-weight: normal;}
.insearchL a{ padding-right: 15px; color: #999999;}
.insearchL a:hover{ color: #08707f;}
.insearchR{ float: right; width: auto; height: 38px; overflow: hidden;}
.insearchR .inSinput{ float: left; width: 237px; height: 38px; color: #666666; background: #f5f5f5; border: none;  padding-right: 10px; overflow: hidden;}
.insearchR button{ width: 38px; height: 38px; border: none; text-align: center; background: #e7e7e7; border-radius: 50%; font-size: 16px;} 
.insearchR button:hover{ background: #cc2431; color: #FFFFFF;}

.in1bg{ width: 100%; height: 752px; background: url(../images/in1bg.jpg) no-repeat center; background-size:cover;}
.inTit{ width: 100%; text-align: center; padding: 70px 0 45px 0;}
.inTit h2{ color: #000000; font-size: 35px; line-height: 46px; font-weight: normal;}
.inTit h2 span{ color: #cc2431; font-weight: bold; padding-left: 3px;}
.inTit p{ line-height: 38px; font-size: 18px;}
.in1List{ width: 1200px; height: 479px; overflow: hidden;}
.in1List dl{ position: relative; width: 390px; height: 479px; float: left; overflow: hidden; margin-left: 15px; }
.in1List dl:first-child{ margin-left: 0;}
.in1List dl a{ color: #FFFFFF;}
.in1List dl dt{width: 390px; height: 479px; overflow: hidden;}
.in1List dl dt img{width: 390px; height: 479px; }
.in1List dl dd{ position: absolute; left: 0; bottom: 0; background: url(../images/inTm.png) repeat; width: 390px; height: 96px; box-sizing:border-box; padding: 18px 55px;}
.in1List dl dd h4{ height: 36px; line-height: 36px; overflow: hidden; font-size: 20px;}
.in1List dl dd h4 img{ padding-left: 10px;}
.in1List dl dd p{ height: 24px; line-height: 24px; overflow: hidden; font-size: 14px;}
.in1List dl .in1Div{ opacity: 0; position: absolute; left: 0; top: 0; background: url(../images/inTmR.png) repeat; width: 100%; height: 100%; box-sizing:border-box; padding: 167px 55px 0 55px;}
.in1List dl .in1Div h4{ height: 36px; line-height: 36px; overflow: hidden; font-size: 20px;}
.in1List dl .in1Div h4 img{ padding-left: 10px;}
.in1List dl .in1Div div{ font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; margin-top: 20px;}
.in1List dl .in1Div h3{ font-weight: normal; font-size: 14px; height: 36px; line-height: 36px; margin-top: 50px;}
.in1List dl a:hover dd{ opacity: 0;}
.in1List dl a:hover .in1Div{ opacity:1.0;}


.inFwbg{ width: 100%; height: 666px; background: url(../images/infwbg.jpg) no-repeat center; background-size:cover;}
.inFwList{ width: 1200px; height: 320px; overflow: hidden;}
.inFwList dl{ float: left; width: 294px; height: 320px; margin-left: 8px; overflow: hidden; background: #FFFFFF; text-align: center;}
.inFwList dl:first-child{ margin-left: 0;}
.inFwList dl dt{ position: relative; width: 294px; height: 175px;}
.inFwList dl dt img{ width: 294px; height: 175px;}
.inFwList dl dt i{ position: absolute; left: 50%; bottom: -24px; margin-left: -24px; width: 48px; height: 48px; z-index: 666;}
.inFwList dl dt i img{width: 48px; height: 48px;}
.inFwList dl dd{ width: 294px; height:145px; overflow: hidden; box-sizing: border-box; padding: 28px 20px;}
.inFwList dl dd h4{ height: 32px; line-height: 32px; font-size: 24px; font-weight: normal;}
.inFwList dl dd p{ line-height: 24px; color: #999999; margin-top: 5px;}

.inConbg{ width: 100%; height: 164px; background: url(../images/inConbg.jpg) no-repeat center; background-size:cover;}
.inConBox{ width: 1200px; height: auto; padding-top: 45px; color: #FFFFFF;}
.inConBoxL{ float: left; width: auto; height: auto;}
.inConBoxL h4{ font-size: 28px; line-height: 44px;}
.inConBoxL p{ font-size: 18px; line-height: 28px;}
.inConBox dl dt{ float: left;}
.inConBox dl dt p{ line-height: 31px; text-align: right; font-size: 18px;}
.inConBox dl dt h2{ font-size: 30px; font-family: impact; line-height: 35px; font-weight: normal;}
.inConBox dl dd{ float: left; padding-left: 40px;}
.inConBox dl dd a{ display: block; width: 154px; height: 45px; line-height: 45px; color: #FFFFFF; font-size: 18px; text-align: center; border-radius: 30px; background: #ea4d22; margin-top: 10px;}
.inConBox dl dd a:hover{ background: #CC2431;}


.in2bg{ width: 100%; height: 732px; background: url(../images/in2bg.jpg) no-repeat center; background-size:cover;}
.in2box{ width: 1200px; height: 519px; overflow: hidden; padding-top: 124px;}
.in2boxL{ float: left; width: 529px; height: 519px; position: relative; background: url(../images/inLcbg.png) no-repeat;}
.in2boxL dl{ position: absolute; text-align: center; color: #FFFFFF; cursor: pointer; background: #CC2431; width: 100px; height: 100px; border-radius: 50%;}
.in2boxL dl dt{ width: 100%; height: auto;}
.in2boxL dl dt h4{ line-height: 31px; font-size: 16px; font-family: arial;}
.in2boxL dl dt img{ width: 52px; height: 34px;}
.in2boxL dl dd{ width: 100%; line-height: 26px; height: 26px;}
.in2boxL dl:nth-child(1){ left: 0; top: 239px;}
.in2boxL dl:nth-child(2){ left: 25px; top: 95px;}
.in2boxL dl:nth-child(3){ left: 143px; top: 0;}
.in2boxL dl:nth-child(4){ right: 124px; top: 4px;}
.in2boxL dl:nth-child(5){ right: 12px; top: 111px;}
.in2boxL dl:nth-child(6){ right: 0; bottom: 170px;}
.in2boxL dl:nth-child(7){ right: 70px; bottom: 55px;}
.in2boxL dl:nth-child(8){ right: 215px; bottom: 0;}
.in2boxL dl:nth-child(9){ left: 70px; bottom: 51px;}
.in2boxL dl:hover{ background: #006cdc;}


.in2boxR{ float: right; width: 529px; height: 519px; position: relative; background: url(../images/inZzbg.png) no-repeat;}
.in2boxR dl{ position: absolute; text-align: center; color: #FFFFFF; cursor: pointer; background: #006cdc; width: 100px; height: 100px; border-radius: 50%;}
.in2boxR dl dt{ width: 100%; height: auto;}
.in2boxR dl dt h4{ line-height: 21px; height: 21px; font-size: 16px; font-family: arial;}
.in2boxR dl dt img{ width: 52px; height: 34px;}
.in2boxR dl dd{ width: 100%; line-height: 26px; height: 26px;}
.in2boxR dl:nth-child(1){ left: 0; top: 239px;}
.in2boxR dl:nth-child(2){ left: 25px; top: 95px;}
.in2boxR dl:nth-child(3){ left: 143px; top: 0;}
.in2boxR dl:nth-child(4){ right: 124px; top: 4px;}
.in2boxR dl:nth-child(5){ right: 12px; top: 111px;}
.in2boxR dl:nth-child(6){ right: 0; bottom: 170px;}
.in2boxR dl:nth-child(7){ right: 70px; bottom: 55px;}
.in2boxR dl:nth-child(8){ right: 215px; bottom: 0;}
.in2boxR dl:nth-child(9){ left: 70px; bottom: 51px;}
.in2boxR dl:hover{ background: #CC2431;}

.inAbbox{ width: 1200px; height: 351px; padding-bottom: 90px;}
.inAbboxL{ float: left; width: 599px; height: 351px; box-shadow:0 0 10px #CCCCCC;}
.inAbboxL img{width: 599px; height: 351px;}
.inAbboxR{ float: right; width: 530px; height: auto; overflow: hidden;}
.inAbboxR p{ font-size: 14px; line-height: 24px; margin-top: 16px;}
.inAbboxR img{ margin-top: 50px;}


.inNewsbg{ width: 100%; height: auto; padding: 0 0 80px 0; background: #f5f5f5;}
.innews{ width: 1200px; height: 589px; overflow: hidden; }
.innewsL{ float: left; width: 617px; height: 529px; overflow: hidden; background: #FFFFFF; padding: 30px 35px;}
.innewsLTop{ width: 617px; height: 41px; line-height: 41px; overflow: hidden;}
.innewsLTop a{ font-size: 18px; display: block; float: left;}
.innewsLTop h4{ width: 74px; height: 41px; background: url(../images/inNewsLine.jpg) no-repeat center; float: left;}
.innewsLTop .tabs .thistab,.tabs .thistab a:hover {color: #CC2431; font-weight: bold; }
.innewsLTop span a{ font-size: 13px; color: #999999;}
.innewsLTop span a:hover{color: #CC2431; }

.inNewsList{ width: 617px; height: auto; overflow: hidden;}
.inNewsList dl{ width: 617px; margin-top: 20px; height: 100px; overflow: hidden;}
.inNewsList dl dt{ float: left; width: 160px; height: 100px; overflow: hidden;}
.inNewsList dl dt img{width: 160px; height: 100px;}
.inNewsList dl a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.inNewsList dl dd{ float: right;  width: 430px; height: 100px; overflow: hidden;}
.inNewsList dl dd h4{ font-weight: normal; font-size: 16px; height: 34px; line-height: 34px; overflow: hidden;}
.inNewsList dl dd p{ color: #999; line-height: 25px; height: 50px; overflow: hidden;}


.innewsR{ float: right; width: 487px; height: 589px; overflow: hidden; background: #FFFFFF;}
.innewsRTop{ width: 487px; height: 100px; overflow: hidden; background: url(../images/infaqTop.jpg) no-repeat;}
.inFaqList{ width: 427px; height: auto; padding: 0 30px;}
.inFaqList li{ width: 427px; height: 85px; margin-bottom: 37px; overflow: hidden;}
.inFaqList li h4{ width: 100%; height: 22px; line-height: 22px; overflow: hidden; font-size: 16px; font-weight: normal; background: url(../images/Q.jpg) no-repeat; padding-left: 32px;}
.inFaqList li p{ font-size: 14px; height: 44px; line-height: 22px; overflow: hidden; color: #666666;  background: url(../images/A.jpg) no-repeat; padding-left: 32px; margin-top: 10px;}


.inServicebg{ width: 100%; height: 327px; color: #FFFFFF; background: url(../images/inSerbg.jpg) no-repeat center; background-size:cover;}
.inService{ width: 1200px; height: auto;}
.inSTit{ width: 100%; height: auto; padding: 40px 0 25px 0; color: #FFFFFF; text-align: center;}
.inSTit h4{ line-height: 50px; font-size: 36px;}
.inSTit p{ line-height: 30px; font-size: 18px;}
.inServiceList{ width: 1200px; height: 135px; overflow: hidden;}
.inServiceList dl{ text-align: center; float: left; width: 400px; height: 135px; overflow: hidden; background: url(../images/inSerLine.jpg) no-repeat right center;}
.inServiceList dl:last-child{ background: none;}
.inServiceList dl dt{ width: 100%; height: 60px;}
.inServiceList dl dd{ width: 100%; height: auto;}
.inServiceList dl dd h4 b{ font-family: arial; font-size: 26px; line-height: 40px; margin-top: 9px;}
.inServiceList dl dd h4 span{ font-weight: normal;}
.inServiceList dl dd p{ line-height: 26px;}


.Footerbg{ width: 100%; padding: 50px 0; background: #151515;}
.Footer{ width: 1200px; height: auto; overflow: hidden;}
.FooterL{ float: left; width: 889px; height: auto; overflow: hidden;}
.FooterLnav{ width: 889px; height: 58px; line-height: 58px; border-bottom: 1px solid #3c3c3c;}
.FooterLnav a{ color: #FFFFFF; font-size: 18px; padding-left: 65px;}
.FooterLnav a:first-child{ padding-left: 0;}

.FooterLinfo{ width: 889px; height: auto; padding-top: 30px;}
.FooterLinfoL{ float: left; width: 388px; height: auto; overflow: hidden; color: #999; line-height: 36px;}
.FooterLinfoL strong{ color: #666666;}

.FooterLinfoR{ float: left; width: 490px; height: auto; overflow: hidden; }
.FooterLinfoR h4{ color: #d32626; font-family: arial; font-size: 24px; line-height: 32px;}
.FooterLinfoR img{ padding-right: 15px;}
.FooterLinfoR p{ color: #999999;  font-size: 14px; line-height: 32px;}
.FooterLinfoR h3{ font-size: 14px; font-weight: normal; line-height: 32px; color: #666666;}
.FooterLinfoR a{ font-size: 14px; line-height: 32px; color: #666666;}
.FooterLinfoR a:hover{ color: #FFFFFF;}

.FooterR{ float: right; width: 155px; height: auto; padding-top: 22px; margin-right: 18px; text-align: center;}
.FooterR img{ width: 155px; height: 155px;}
.FooterR p{ font-size: 14px; line-height: 52px; height: 52px; color: #999999;}

.Flinks{ width: 1200px; line-height: 30px; padding: 15px 0;}
.Flinks a{ color: #666666; padding-left: 20px;}
.Flinks a:hover{ color: #cc2431;}


/*关于我们*/
.banner2{ width:100%; height: 499px;}
.AbMenubg{ width: 100%; height: 54px;background: #f5f5f5; border-bottom: 1px solid #e5e5e5;}
.AbMenu{ width: 1200px; height: 54px;  line-height: 54px;  overflow: hidden;}
.AbMenuR{ float: right; width: auto; color: #999999;}
.AbMenuR i{ font-size: 21px; line-height: 54px; color: #cc2431; padding-right:5px;}
.AbMenuR a{ color: #999999;}
.AbMenuR a:hover{ color: #cc2431;}
.AbMenuL{ float: left; width: auto; }
.AbMenuL a{ padding-right: 50px;}
#lm_hover{color: #cc2431;}

.ConBox{ width: 1200px; height: 639px; overflow: hidden; }
.ConBoxL{ float: left; width: 335px; height: 559px; overflow: hidden; background: #0060c4; color: #FFFFFF; padding: 40px;}
.ConBoxL h4{ font-size: 20px; line-height: 82px;}
.ConBoxL dl{ width: 335px; height:43px; margin-top: 20px;}
.ConBoxL dl dt{ float: left; width: 43px; height: 43px;}
.ConBoxL dl dd{ float: right; width: 272px; margin-left: 20px; height: 43px;}
.ConBoxL dl dd p{ color: #a5b2e2; line-height: 21px;}
.ConBoxL dl dd h3{ font-weight: normal; font-size: 16px; line-height: 21px; margin-bottom: 15px;}

.ConBoxR{ width:785px; height: 639px; overflow: hidden; background: #FFFFFF;}

.Abbox{ width: 1200px; height: auto; padding-top: 70px;}
.AbboxL{ float: left; width: 660px; height: auto; overflow: hidden;}
.AbboxL h2{ font-weight: normal; font-size: 30px; color: #000000; line-height: 30px; margin-bottom: 10px;}
.AbboxL h4{ font-weight: normal; line-height: 24px;}
.AbboxL h4 span{ color: #CC2431; font-weight: bold;}
.AbboxL p{  line-height: 24px;}

.AbboxLlist{ width: 660px; height: auto; overflow: hidden; margin-top: 20px;}
.AbboxLlist dl{ float: left; width: 220px; text-align: center; box-sizing: border-box; border-right: 1px solid #e5e5e5;}
.AbboxLlist dl:last-child{ border-right: none;}
.AbboxLlist dl dt{ line-height: 42px; height: 42px; width: 100%; height: auto; font-family: arial; color: #CC2431; font-weight: bold; font-size: 30px;}
.AbboxLlist dl dt h4{ font-weight: bold; display: inline-block;}
.AbboxLlist dl dd{ color: #999999; line-height: 21px;}
.AbboxR{ float: right; width: 513px; height: 617px; overflow: hidden;}
.AbboxR img{width: 513px; height: 617px; }

.abList{ width: 1240px; height: auto;  overflow: hidden;}
.abList dl{ float: left; width: 270px; height: 252px; overflow: hidden; text-align: center; margin: 0 20px;}
.abList dl dt{ width: 270px; height: 202px; overflow: hidden;}
.abList dl dt img{width: 270px; height: 202px;}
.abList dl dd{ width: 100%; height: 50px; line-height: 50px; font-size: 15px;}


.job-warp{width: 1200px; text-align: left; }
    
    .job-warp ul li{height: auto;width: 100%;border-bottom: 1px solid #e9ebed}
    .job-warp li .title{height: 52px; text-align: left; margin-top: 0; color: #666666; line-height: 52px;padding: 0 40px; box-sizing: border-box; color: #4b4b4b;background-color: #ffffff;font-size: 14px;cursor:pointer;transition: all 0.5s;-webkit-transition: all 0.5s;}
    .job-warp li.on .title{background-color:#CC2431;color: #fff;}
    .job-warp li .title span{float: right;padding-right: 30px;background: url(../images/job-icon1.png) right center no-repeat;}
    .job-warp li.on .title span{background: url(../images/job-icon2.png) right center no-repeat}
    .job-warp li .warp{padding: 20px 40px;background-color: #fff;display: none; width: 1200px; box-sizing: border-box;}
    .job-warp .warp .tbl{width:100%;margin-bottom: 25px;padding:10px 0 20px 0;border-bottom: 1px solid #e9ebed}
    .job-warp .warp .tbl p{width: 25%;float: left;font-size: 14px;color: #222;line-height: 26px;}
    .job-warp .warp .tbl p span{color: #565656;padding-left: 15px;}
    .job-warp .warp .cont h2{font-size: 14px;color: #222;line-height: 30px;margin-bottom: 15px; text-align: left;}
    .job-warp .warp .cont .cent,.job-warp .warp .cont .cent p{font-size: 14px;line-height: 28px;color: #666}
    .job-warp .warp .btns{font-size:14px;line-height: 20px;color: #CC2431;cursor: pointer;transition: all 0.5s;-webkit-transition: all 0.5s;}
    .job-warp .warp .btns:hover{color: #222;}

.f-cb{
    zoom: 1;
}
.f-cb:after{
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
    content:".";
}


/*新闻资讯*/
.newsbg{ width: 100%; height: auto; background: #f7f7f7; padding-bottom: 60px;}
.newsList{ width: 1230px; height: auto;}
.newsList dl{ float: left; width: 387px; height: 423px; background: #FFFFFF; overflow: hidden; margin: 10px;}
.newsList dl dt{ width: 387px; height: 225px; overflow: hidden;}
.newsList dl dt img{ width: 387px; height: 225px; }
.newsList dl dd{ width: 357px; height: 168px; padding: 15px; overflow: hidden;}
.newsList dl dd h4{ height: 35px; color: #000000; line-height: 35px; font-weight: normal; font-size: 16px; overflow:hidden;}
.newsList dl dd h3{ font-weight: normal; font-family: arial; font-size: 14px; color: #999999; line-height: 21px; border-bottom: 1px solid #efefef; padding-bottom: 11px;}
.newsList dl dd p{ width: 100%; line-height: 24px; height: 48px; overflow: hidden; margin-top: 20px; color: #666666;}
.newsList dl a:hover dd h4{ color: #CC2431;}
.newsList dl a:hover dt img{transform: scale(1.1); -webkit-transform: scale(1.1);}

.newsShow{ width: 1200px; height: auto; overflow: hidden; padding-top: 65px;}
.newsShowLeft{ float: left; background: #FFFFFF; width: 880px; height: auto; padding:30px 25px; overflow: hidden;}
.newsShowTit{ width: 100%; height: auto; text-align: center; font-size: 26px; line-height: 36px; padding-bottom: 20px; border-bottom: 1px solid #e5e5e5;}
.newsShowTime{ width: 100%; height: 55px; line-height: 55px; color: #999999; text-align: center;}
.newsShowinfo{ font-size: 14px; color: #666666; line-height: 26px; padding-bottom: 30px; overflow: hidden;}
.newsShowinfo img{ max-width: 100%; height: auto;}


.newsPrev{ width: 100%; height: auto; overflow: hidden;}
.newsPrev li{ width: 100%; height: 32px; line-height: 32px; overflow: hidden; font-size: 16px; color: #666666;}
.newsPrev li a{ color: #666666;}
.newsPrev li span{ color: #333333;}
.newsPrev li a:hover{ color: #CC2431;}


.newsShowRight{ float: right; width: 240px; height: auto; overflow: hidden;}
.newsShowRight h2{ font-weight: normal; color: #CC2431; font-size: 18px; line-height: 28px;}
.newsShowRight li{ width: 240px; height: auto; padding: 15px 0; overflow: hidden; border-bottom: 1px solid #e5e5e5;}
.newsShowRight li h4{ font-weight: normal; font-size: 14px; line-height: 20px;}
.newsShowRight li p{ color: #999999; font-family: arial; line-height: 24px;}

.photoShow{  background: #FFFFFF; width: 1150px; height: auto; padding:30px 25px; overflow: hidden; }


/*运力展示*/
.photoList{width: 1230px; height: auto;}
.photoList dl{ width: 387px; height: 274px; overflow: hidden; float: left; background: #FFFFFF; cursor:pointer;  margin: 10px; position:relative;}
.photoList dl dt{ width: 387px; height: 274px; overflow: hidden;}
.photoList dl dt img{width: 387px; height: 274px; }
.photoList dl .Videobg{ position:absolute; left:0; top:0; width: 387px; height: 274px;  background: url(../images/blackBg.png) repeat; text-align:center;}
.photoList dl .Videobg img{ padding-top:120px;}
.photoList dl a{ display:block; width: 387px; height: 274px; }

/*单号查询*/
.dhcxBanner{ width: 100%; height: 448px; padding-top: 135px; background: url(../images/dhcx_banner.jpg) no-repeat center; background-size:cover; color: #FFFFFF; text-align: center;}
.dhcxBanner h4{ font-size: 30px; line-height: 57px;}
.dhcxBanner p{ font-size: 14px; line-height: 24px;}

.dhcxBox{ width: 979px; height: 66px; overflow: hidden; margin-top: 70px; }
.dhcxBox .dhcxInput{  float: left; border: none; background: #FFFFFF; width: 738px; color: #666666; padding: 0 30px; height: 66px; line-height: 66px;}
.dhcxBox .dhcxSub{ float: left; width: 181px; height: 66px; border: none; background: #1bb700; font-size: 18px; color: #FFFFFF;}

.ssList{ width: 1200px; height: auto; overflow: hidden;}
.ssList table{ border:1px solid #ccc; border-left:0px; border-top:0px; font-size: 13px;}
.ssList table td{ border:1px solid #ccc;border-right:0px; border-bottom:0px; padding:12px 2px;  text-align:center}
.ssList table tr:first-child{ background: #f7f7f7;}


/*香港专线*/
.xgzxbg1{ width: 100%; height: 586px; padding-top: 80px; background: url(../images/xgzx_img1.jpg) no-repeat center; }
.xgzxbox{width: 1260px; height: 532px; overflow: hidden;}
.xgzxbox img{width: 1260px; height: 532px;}

.xgzxbg2{ width: 100%; height: 784px; background: url(../images/xgzx_img2.jpg) no-repeat center; }
.xgzxbg2 h2{ text-align: center; color: #000000; font-size: 36px; line-height: 147px; padding-top: 40px;}
.xgzxbg2 h2 span{ color: red;}
.xgzxbg2 h2 span b{ font-size: 48px; font-family: arial;  font-style: italic;}
.xgzxbg2Box{ width: 1200px; height: 484px; }
.xgzxbg2Box1{ width: 1200px; height: 250px; position: relative; }
.xgzxbg2Box1 li{ width: 167px; height: 157px; padding: 30px 35px; text-align: center; position: absolute; background: url(../images/xgzxbg2_li.png) no-repeat;}
.xgzxbg2Box1 li h4{ font-family: arial; color: #ff6b4d; font-size: 30px; line-height: 42px; font-style: italic;  margin-top: 5px;}
.xgzxbg2Box1 li p{ font-size: 16px; line-height: 24px; color: #666666;}

.xgzxbg2Box1 li.xgzxli1{ left: -10px; bottom: 15px;}
.xgzxbg2Box1 li.xgzxli2{ left: 324px; bottom: 55px;}
.xgzxbg2Box1 li.xgzxli3{ left: 650px; bottom: 55px;}
.xgzxbg2Box1 li.xgzxli4{ right: -15px; bottom: 15px;}

.xgzxbg2Box2{ width: 1200px; height: 234px; position: relative; }
.xgzxbg2Box2 li{ width: 167px; height: 157px; padding: 30px 35px; text-align: center; position: absolute; background: url(../images/xgzxbg2_li1.png) no-repeat;}
.xgzxbg2Box2 li h4{ font-family: arial; color: #ff6b4d; font-size: 30px; line-height: 42px; font-style: italic;  margin-top: 5px;}
.xgzxbg2Box2 li p{ font-size: 16px; line-height: 24px; color: #666666;}

.xgzxbg2Box2 li.xgzxli1{ left: 163px; top: 15px;}
.xgzxbg2Box2 li.xgzxli2{ left: 485px; top: -20px;}
.xgzxbg2Box2 li.xgzxli3{ right: 150px; top: 15px;}


.xgzxbg2More{ width: 100%; height: 46px; padding-top: 17px; overflow: hidden; text-align: center;}
.xgzxbg2More a{ width: 150px; height: 46px; line-height: 46px; background: url(../images/xgzx_zxbtn.png) no-repeat; color: #FFFFFF; font-size: 18px; display: inline-block; text-align: center;}

.xgzxbg3{ width: 100%; height: 550px; padding-top: 49px; background: url(../images/xgzxbg3.jpg) no-repeat center; background-size:cover;}
.xgzxbg3 h2{ text-align: center; height: 145px; line-height: 145px; color: #FFFFFF; font-size: 36px;}
.xgzxbg3box{ width: 1200px; height: auto; overflow: hidden;}
.xgzxbg3box dl{ width: 1200px; height: 80px; line-height: 80px; margin-bottom: 1px;}
.xgzxbg3box dl dt{ float: left; width: 134px; height: 80px; font-size: 30px; color: #FFFFFF; text-align: center; background: url(../images/xgzxbg3DT.jpg) no-repeat;}
.xgzxbg3box dl dd{ float: left; width:1066px; height: 80px; background: #FFFFFF url(../images/xgzxbg3DD.jpg) no-repeat right;}
.xgzxbg3box dl dd span{ font-size: 20px; color: #000000; padding-left: 40px;}
.xgzxbg3box h3{ width: 100%; height: 80px; color: #FFFFFF; text-align: center; line-height: 80px; font-size: 28px; font-weight: normal; background: #eb4227;}


.zxProbg{ width: 100%; height: auto; background: #F5F5F5; padding-bottom: 50px;}
.zxProTit{ width: 100%; text-align: center; font-size: 36px; padding: 60px 0; font-weight: bold;}
.zxProTit span{ color: #ff0000;}


/*台湾专线*/
.twzxTit{ width: 100%; text-align: center; padding: 78px 0 35px 0;}
.twzxTit h2{ font-size: 36px; background: url(../images/twzxTit.png) no-repeat center; width: 100%; height: 35px; line-height: 35px; text-align: center;}
.twzxTit h2 span{ color: #dd110b;}
.twzxTit p{ line-height: 50px; font-size: 20px; color: #666666;}

.twzxBox1{ width: 1200px; height: 412px; padding-bottom: 85px;}
.twzxBox1 dl{ float: left; background: #FFFFFF; width: 389px; height: 412px; box-shadow:0 0 10px #CCCCCC; margin-left: 15px;}
.twzxBox1 dl:first-child{ margin-left: 0;}
.twzxBox1 dl dt{ width: 389px; height: 248px; overflow: hidden;}
.twzxBox1 dl dt img{ width: 389px; height: 248px; }
.twzxBox1 dl dd{ width: 100%; height: auto; box-sizing: border-box; padding: 20px 30px;}
.twzxBox1 dl dd h3{ line-height: 65px; font-size: 20px;}
.twzxBox1 dl dd h4{ height: 38px; line-height: 38px;}
.twzxBox1 dl dd h4 a{ display: block; float: left; width: 124px; height: 38px; margin-right: 14px; text-align: center; color: #FFFFFF; font-size: 16px; font-weight: normal; border-radius: 20px;}
.twzxBox1 dl dd h4 a.twzxA1{ background: #ef4f2e;}
.twzxBox1 dl dd h4 a.twzxA2{ background: #ff8e00;}

.twzxBg2{ width: 100%; height: 564px; padding-top: 80px; background: url(../images/twzxBg2.jpg) no-repeat center; background-size:cover;}
.twzxBg2 h2{font-size: 36px; background: url(../images/twzxTit1.png) no-repeat center; width: 100%; height: 35px; line-height: 35px; text-align: center;}
.twzxBg2 h2 span{ color: #dd110b;}

.twzxBox2{ width: 1198px; height: 374px; border: 1px solid #dcdcdc; background: #fff; margin-top: 62px; overflow: hidden;}
.twzxBox2 dl{ float: left; box-sizing: border-box; width: 33.3%; padding: 55px 80px; text-align: center; height: 374px; border-left: 1px solid #dcdcdc;}
.twzxBox2 dl:first-child{ border-left:none;}
.twzxBox2 dl dd{ width: 100%; height: auto; padding-top: 35px;}
.twzxBox2 dl dd h4{ font-size: 24px; color: #fe4800; line-height: 50px;}
.twzxBox2 dl dd p{ font-size: 18px; line-height: 28px;}

.twzxBg3{ width: 100%; height: 501px;  background: url(../images/twzxBg3.jpg) no-repeat center; background-size:cover;}
.twzxBg3Tit{ width: 100%; text-align: center; padding: 89px 0 51px 0;}
.twzxBg3Tit h2{ font-size: 34px; background: url(../images/twzxTit.png) no-repeat center; width: 100%; height: 35px; line-height: 35px; text-align: center;}
.twzxBg3Tit h2 span{ color: #dd110b;}

.twzxBg3List1{ width: 1200px; height: 76px; overflow: hidden; margin-bottom: 3px;}
.twzxBg3List1 li{ float: left; background: #f4f4f4; border-radius: 5px; margin-left: 3px; width: 130px; height: 76px; line-height: 76px; text-align: center; font-size: 18px; font-weight: bold;}

.twzxBg3List2{ width: 1200px; height: 76px; overflow: hidden; margin-bottom: 3px;}
.twzxBg3List2 li{ float: left; background: #00c749; color: #FFFFFF; border-radius: 5px; margin-left: 3px; width: 130px; height: 76px; line-height: 76px; text-align: center; font-size: 18px; font-weight: bold;}

.twzxBg3List3{ width: 1200px; height: 76px; overflow: hidden; margin-bottom: 3px;}
.twzxBg3List3 li{ float: left; background: #45b7ff; color: #FFFFFF; border-radius: 5px; margin-left: 3px; width: 130px; height: 76px; line-height: 76px; text-align: center; font-size: 18px; font-weight: bold;}
.twzxBg3List3 h4{ display: inline-block; float: left; background: #45b7ff; color: #FFFFFF;border-radius: 5px; margin-left: 3px; width: 660px; height: 76px; line-height: 76px; text-align: center; font-size: 18px; font-weight: bold;}

.twzxBg4{ width: 100%; height: 324px;  background: url(../images/twzxBg4.jpg) no-repeat center; background-size:cover;}
.twzxBox4{ width: 1200px; height: 246px; padding-top: 78px; overflow: hidden;}
.twzxBox4L{ float: left; width: 350px; height: 217px; overflow: hidden; margin-left: 12px; color: #FFFFFF;}
.twzxBox4L h4{ font-size: 30px; line-height: 28px;}
.twzxBox4L h3{ width: 57px; height: 2px; background: #FFFFFF; float: left; margin-top: 13px;}
.twzxBox4L p{ clear: both; width: 100%; height: 62px; line-height: 62px; font-size: 22px;}
.twzxBox4L a{ display: block; width: 168px; height: 47px; background: url(../images/twzxBg4Btn.png) no-repeat; float: left; margin-top: 20px;}
.twzxBox4R{ float: right; width: 820px; height: 170px; overflow: hidden;}
.twzxBox4R dl{ float: left; text-align: center; width: 101px; height: 170px; overflow: hidden; margin-left: 60px;}
.twzxBox4R dl dt{ width: 101px; height: 101px;}
.twzxBox4R dl dd{ width: 101px; height: 69px; line-height: 69px; font-size: 18px; color: #FFFFFF;}


/*欧美专线*/
.Eurbg1{ width: 100%; height: 795px; background: url(../images/Eurbg1.jpg) no-repeat center; background-size:cover;}
.Eurbg1Tit{width: 100%; text-align: center; padding: 70px 0 60px 0;}
.Eurbg1Tit h2{ font-size: 34px; background: url(../images/twzxTit.png) no-repeat center; width: 100%; height: 35px; line-height: 35px; text-align: center;}
.Eurbg1Tit h2 span{ color: #dd110b;}
.Eurbg1box{ width: 1200px; height: 543px; }
.Eurbg1box dl{ margin-left: 40px; float: left; width: 345px; height: 543px; background: url(../images/Eurbg1_bg.png) no-repeat; text-align: center;}
.Eurbg1box dl dt{ padding-top: 49px; width: 100%; height: 122px;}
.Eurbg1box dl dd{ width: 100%; height:372px; position: relative; overflow: hidden;}
.Eurbg1box dl dd h4{ font-size: 24px; color: #cc2431; line-height: 55px; padding-top: 22px; font-weight: normal;}
.Eurbg1box dl dd p{ font-size: 16px; line-height: 28px; color: #000000; padding:0 50px;}
.Eurbg1box dl dd a{ display: block; width: 100%; height: 112px; line-height: 112px; color: #FFFFFF; font-size: 18px; position: absolute; left: 0; bottom: 0;}


.Eurbg2{ width: 100%; height: 848px; background: url(../images/Eurbg2.jpg) no-repeat center; background-size:cover;}
.Eurbg2Tit{width: 100%; text-align: center; padding: 83px 0 62px 0;}
.Eurbg2Tit h2{ font-size: 34px; background: url(../images/twzxTit.png) no-repeat center; width: 100%; height: 35px; line-height: 35px; text-align: center;}
.Eurbg2Tit h2 span{ color: #dd110b;}

.Eurbg2Box{ width: 1200px; height: 620px; overflow: hidden; position: relative;}
.Eurbg2Box dl{ position: absolute;}
.Eurbg2Box dl dt{ color: #000000; font-size: 22px; font-weight: bold; line-height: 42px;}
.Eurbg2Box dl dd{ font-size: 16px; line-height: 24px;}

.Eurbg2Box dl.Eur2Dl1{ width: 322px; text-align: right; left: 31px; top: 25px;}
.Eurbg2Box dl.Eur2Dl2{ width: 250px; text-align: right; left: 0; top: 235px;}
.Eurbg2Box dl.Eur2Dl3{ width: 340px; text-align: right; left: 24px; top: 468px;}
.Eurbg2Box dl.Eur2Dl4{ width: 348px; text-align: left; right: 0; top: 25px;}
.Eurbg2Box dl.Eur2Dl5{ width: 265px; text-align: left; right: 0; top: 235px;}
.Eurbg2Box dl.Eur2Dl6{ width: 372px; text-align: left; right: 0; top: 468px;}

.Eurbg3{ width: 100%; height: 669px; background: url(../images/Eurbg3.jpg) no-repeat center; background-size:cover;}
.Eurbg3Tit{width: 100%; text-align: center; padding: 81px 0 42px 0; color: #FFFFFF;}
.Eurbg3Tit h2{ font-size: 34px; background: url(../images/Eurbg3Tit.png) no-repeat center; width: 100%; height: 35px; line-height: 35px; text-align: center;}
.Eurbg3Tit p{ font-size: 18px; line-height: 50px;}
.Eurbg3Box{ width: 1200px; height: 400px;}
.Eurbg3Box img{ width: 1200px; height: 400px;}


.alertVideoHide{display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;background:url(../images/blackBg.png);z-index:888;}
.alertVideoContent{display:none;position:fixed;top:50%;left:50%;width:400px;margin:-400px 0 0 -200px;z-index:999;background:#fff; height:520px; 
box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-ms-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-o-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);
border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px;}
.alertVideoContent iframe{width:100% !important;height:100% !important;}
.alertVideoContent .vedioClose{position:absolute;top:-27px;right:-27px;cursor:pointer;}


.posKf{ position:fixed; left:10px; top:200px; z-index:999; background:#cc2431; width:140px; height:auto; padding-bottom:2px;}
.posKfTit{ width:100%; height:42px; line-height:42px; color:#fff; text-align:center; text-align:center; font-size:16px;}
.posKfTit a{ float:right; margin:10px 10px 0 0;}
.posKfBox{ background:#fff; width:116px; height:auto; padding:10px; text-align:center;}
.posKfBox li{ border-bottom:1px solid #dedede; padding:5px 0}
.posKfBox li:last-child{ border-bottom:none;}
.posKfBox li img{ width:116px; height:116px;}
.posKfBox li p{ line-height:22px; height:22px;}